body,html{margin:0;padding:0;height: 100%;}
#app{height: 100%;}
/*收起按钮*/
.iconopenBox{position: absolute;width: 14px;left: 170px;height: 57px;top: 50%;margin-top: -23px;text-align: center;line-height: 57px;color: #fff;cursor: pointer;z-index: 5;
	/*background: #5ea2e7;*/
	background:url(../../../images/menuBtnBg.png) no-repeat;
	transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out; 	/* IE 9 */
	-moz-transition:all 0.3s ease-in-out; 	/* Firefox */
	-webkit-transition:all 0.3s ease-in-out; /* Safari 和 Chrome */
	-o-transition:all 0.3s ease-in-out; }
.iconopenBox .el-icon-arrow-left{font-size: 14px;}
.iconopenBox .el-icon-arrow-right{font-size: 14px;}
.iconopenBox:after{content:'';position: absolute;top: -}
.iconopenBox.active{left: 64px;
	transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out; 	/* IE 9 */
	-moz-transition:all 0.3s ease-in-out; 	/* Firefox */
	-webkit-transition:all 0.3s ease-in-out; /* Safari 和 Chrome */
	-o-transition:all 0.3s ease-in-out; }
/*头部*/
.elHeader {color: #fff;line-height: 50px;background:#5c6be8;height: 50px!important;box-shadow:0px 0px 36px 2px rgba(160,181,234,0.44);}
/*消息按钮*/
.elHeader .messageCenterBtn{position: relative;cursor: pointer;margin: 10px 15px 0 20px;width: 30px;height: 30px;display: inline-block;}
.elHeader .messageCenterBtn img{display: block;}
.elHeader .messageCenterBtn .messageCount{color: #fff;position: absolute;left: 20px;background: #fd5621;width: auto;height: 20px;line-height: 20px;text-align: center;border-radius: 20px;top: -8px;cursor: pointer;padding: 0 7px;font-size: 12px;}
/*.elHeader .logoimg{width: 250px;margin-top: 15px;padding-left: 15px;}*/
.elHeader .logoimg img{display: block;margin: 13px 0 0 18px;width: 140px;}
.elHeader .headerImg{font-size: 50px;margin-right: 10px;}
.elHeader .messageBtn{margin: 23px 28px 0 0;background: none;border: none;border-radius: 0;padding: 0;}
.elHeader .headIco{margin: 10px 15px 0 0;width: 30px;}
.elHeader .el-dropdown{cursor: pointer;}
.elHeader .headerBtn{margin: 9px 10px 0 0;background: none;padding: 0 15px;height: 32px;line-height: 28px;border: 2px solid #8290f8;border-radius: 32px;}
.elHeader .headerBtn img{width: 22px;}
.elHeader .headerBtn1 img{width: 16px;}
.elHeader .headerBtn:hover,
.elHeader .headerBtn:focus{background: #8291fe;}
/*头部点击在线状态悬浮*/
.elHeader .el-menu--popup{padding:0;}
/*头部下拉*/
.elDropdown{color: #fff;}
/*左侧*/
.elAside{position: relative;}
.elAside .iconfont{margin-right: 5px;color: rgb(191, 203, 217)!important;font-size: 22px;}
.elAside .menu .dot{width: 4px;height: 4px;background: none;float: left;position: absolute;left: 30px;top: 12px;border-radius: 50%;border:1px solid #9ea8ff;}
.elAside .el-menu-item:hover .dot,.elAside .el-menu-item.is-active .dot{background: #fff;border:1px solid #fff;}
/*.elAside .el-menu {border-right: solid 1px #334156;}*/
.elAside .el-menu-vertical-demo{
  height: 100%;
}
.elAside .el-aside {
  color: #333;
}
.elAside .el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 170px;
  height: 100%;
}

.elAside .el-submenu .el-menu-item{min-width: 170px;color:#9ea8ff!important;height: 30px;line-height: 30px;padding-left: 45px!important;}
.elAside .el-submenu .el-menu-item:hover,.elAside .el-menu-item.is-active{color: #fff!important;background: #5c6be8!important;}
.elAside .el-submenu__title{background:#3846c0!important;font-size: 14px;height: 45px;line-height: 45px;padding:0 20px 0 20px!important;}
.elAside .el-submenu__title img{width: 18px;}
.elAside .el-submenu__title span{padding-left: 3px;}
.elAside .el-submenu__title .fa{font-size: 16px;top: 23px;color: #fff}
.elAside .el-submenu__title:hover{background:#3846c0!important;color: #fff!important;}
.elAside .el-submenu__title i{color: #93aed3;}
.elAside .el-submenu__icon-arrow{font-size: 15px;right: 33px;}
.elAside .el-menu-item-group,.el-menu-item{background-color: #4655d0!important;padding-left: 40px!important;}
.elAside .el-menu-item-group .fa,.el-menu-item .fa{color: #fff!important;position: absolute;left:10px!important;top: 24px;font-size: 14px;}
.elAside .fa{position: absolute;left: 15px;top: 21px;color: #93aed3;}
.elAside .el-menu{border-right: none;}
/*左侧悬浮菜单*/
.el-menu--vertical{top: 60px;max-height: 500px;overflow-y: auto;background: #3846c0!important;}
.el-menu--vertical .el-menu--popup-right-start{margin-left:0;margin-right:0;}
.el-menu--vertical .el-menu--popup{padding:0;}
/*右侧内容区*/
.elMain{padding:0; }
/*呼叫中心*/
.callCenterDialog .el-dialog__header:before{width: 115px;height: 77px;background: url(../../../images/img_callcenter.png) no-repeat;right: 125px;background-size: cover;}
.callCenterDialog1 .el-dialog__header:before{width: 102px;height: 59px;background: url(../../../images/img_zdwh.png) no-repeat;right: 125px;background-size: 100%;}
.callCenterDialog .el-dialog__body{padding-bottom: 0;}
.callCenterDialog .el-dialog__footer{padding-bottom: 40px;}
/*主动外呼*/
.callCenterDialog1 .callCenterBtn{width: 31px;height: 31px;background: #5c6be8;padding: 0;border-radius: 50%;}
.callCenterDialog1 .callCenterBtn:hover{opacity: 0.8}
.callCenterDialog1 .callCenterBtn img{width: 17px;height: 17px;margin:0 auto;}
/*通话时长*/
.outboundCallTimeDiv{padding-left: 180px;}
.outboundCallTimeDiv img{margin:2px 10px 0 0;float: left;}
/*退出弹窗*/
.logoutDialog {top: 50%;margin-top: -110px;}
.logoutDialog .el-dialog{margin: 21px auto 0!important;}
.logoutDialog .el-dialog__body{padding: 20px 20px 20px;}
.logoutDialog .el-dialog__footer{padding: 0 20px 20px;}